<template>
	<view>
		<view class="" v-for="(item,index ) in list" :key="index" @tap="toGoodsDetail(index)">
			<view class="flex flex-align-items margin-x-20 margin-y-20">
				<image :src="item.titlepic" style="width: 340rpx; border-radius: 10rpx;" mode="widthFix"></image>
				<view class="padding-left-20">
					<view class="font-size-35 font-weight-700">{{item.title}}</view>
					<view class="text-color-h">{{item.desc}}</view>
					<view class="main-text-color font-weight-700">￥{{item.pprice}}</view>
					<view class="text-color-h flex flex-align-items">
						 
						<text style="margin-right: 10rpx;">评论 {{item.comment_num}}</text>
						<text class="text-color-h">/</text>
						<text style="margin-left: 10rpx;">{{item.good_num}} 满意</text>
						</view>
				</view>
			</view>
			<view style="border-bottom: 2rpx solid #F1F1F1;"></view>
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list: [{
						title: "真无限蓝牙耳机",
						titlepic: "https://sass-gmall.oss-cn-hangzhou.aliyuncs.com/images/1600046434556.jpg",
						desc: "雅致简约 / 分体式入耳 / 收纳盒充电 / 蓝牙5.0 / 触控操作",
						pprice: 100,
						comment_num: 1300,
						good_num: "98%"
					},
					{
						title: "真无限蓝牙耳机",
						titlepic: "https://sass-gmall.oss-cn-hangzhou.aliyuncs.com/images/1600054051361.jpg",
						desc: "雅致简约 / 分体式入耳 / 收纳盒充电 / 蓝牙5.0 / 触控操作",
						pprice: 100,
						comment_num: 1300,
						good_num: "98%"
					},
					{
						title: "真无限蓝牙耳机",
						titlepic: "https://sass-gmall.oss-cn-hangzhou.aliyuncs.com/images/1604887670937.jpg",
						desc: "雅致简约 / 分体式入耳 / 收纳盒充电 / 蓝牙5.0 / 触控操作",
						pprice: 100,
						comment_num: 1300,
						good_num: "98%"
					},
					{
						title: "真无限蓝牙耳机",
						titlepic: "https://sass-gmall.oss-cn-hangzhou.aliyuncs.com/images/1604887695261.jpg",
						desc: "雅致简约 / 分体式入耳 / 收纳盒充电 / 蓝牙5.0 / 触控操作",
						pprice: 100,
						comment_num: 1300,
						good_num: "98%"
					},
					{
						title: "真无限蓝牙耳机",
						titlepic: "https://sass-gmall.oss-cn-hangzhou.aliyuncs.com/images/1597038631134.jpg",
						desc: "雅致简约 / 分体式入耳 / 收纳盒充电 / 蓝牙5.0 / 触控操作",
						pprice: 100,
						comment_num: 1300,
						good_num: "98%"
					},
					{
						title: "真无限蓝牙耳机",
						titlepic: "https://sass-gmall.oss-cn-hangzhou.aliyuncs.com/images/1597038702140.jpg",
						desc: "雅致简约 / 分体式入耳 / 收纳盒充电 / 蓝牙5.0 / 触控操作",
						pprice: 100,
						comment_num: 1300,
						good_num: "98%"
					},
					{
						title: "真无限蓝牙耳机",
						titlepic: "https://sass-gmall.oss-cn-hangzhou.aliyuncs.com/images/1597038811578.jpg",
						desc: "雅致简约 / 分体式入耳 / 收纳盒充电 / 蓝牙5.0 / 触控操作",
						pprice: 100,
						comment_num: 1300,
						good_num: "98%"
					},
					{
						title: "真无限蓝牙耳机",
						titlepic: "https://sass-gmall.oss-cn-hangzhou.aliyuncs.com/images/1597038811578.jpg",
						desc: "雅致简约 / 分体式入耳 / 收纳盒充电 / 蓝牙5.0 / 触控操作",
						pprice: 100,
						comment_num: 1300,
						good_num: "98%"
					},
					{
						title: "真无限蓝牙耳机",
						titlepic: "https://sass-gmall.oss-cn-hangzhou.aliyuncs.com/images/1597038987405.jpg",
						desc: "雅致简约 / 分体式入耳 / 收纳盒充电 / 蓝牙5.0 / 触控操作",
						pprice: 100,
						comment_num: 1300,
						good_num: "98%"
					}
				],
			}
		},
		methods:{
			toGoodsDetail(index){
				uni.navigateTo({
					url:"../../pages/goods-detail/goods-detail?id="+index
				})
			}
		}
	}
</script>

<style>
</style>
